<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<style>
		.mh_layer{
			position: fixed;
			left: 0px;
			top:0px;
			width: 100%;
			height: 100%;
			z-index: 9999;
			background-color: rgba(0,0,0,0.6);
		}
		/*错误*/
		#mh_dialog_error,#mh_dialog_login {
		        width: 303px;
    		height: 154px;
		    text-align: center;
		    border-radius: 8px;
		    position: fixed;
		    left:46%;
		    top: 30%;
		    margin-left: -106px;
		    margin-top: -56px;
		    z-index: 10000000;
		    background-color: #fff;
		    background-repeat: no-repeat;
		    line-height: 139px;
		    font-size: 14px;
		    font-weight: bold;
		    display:none;
		    letter-spacing: 1px;
			}
			/*规格*/
		
		 #mh_dialog_speci {
		  width: 303px;
    		height: 154px;
		    text-align: center;
		    border-radius: 8px;
		    position: fixed;
		    left:46%;
		    top: 30%;
		    margin-left: -106px;
		    margin-top: -56px;
		    z-index: 10000000;
		    background-color: #fff;
		    background-repeat: no-repeat;
		    line-height: 139px;
		    font-size: 14px;
		    font-weight: bold;
		    display:none;
		    letter-spacing: 1px;
		}
		#mh_cart_success{
			width: 303px;
    		height: 154px;
		    text-align: center;
		    border-radius: 8px;
		    position: fixed;
		    left:46%;
		    top: 30%;
		    margin-left: -106px;
		    margin-top: -56px;
		    z-index: 10000000;
		    background-color: #fff;
		    background-repeat: no-repeat;
		    line-height: 163px;
		    font-size: 14px;
		    font-weight: bold;
		    display: none;
		    letter-spacing: 1px;
			
		}
		#mh_dialog_collect{
			width: 303px;
    		height: 154px;
		    text-align: center;
		    border-radius: 8px;
		    position: fixed;
		    left:46%;
		    top: 30%;
		    margin-left: -106px;
		    margin-top: -56px;
		    z-index: 10000000;
		    background-color: #fff;
		    background-repeat: no-repeat;
		    line-height: 139px;
		    font-size: 14px;
		    font-weight: bold;
		    display:none;
		    letter-spacing: 1px;
		}
		.mh_error,.mh_login{
		    background-image:url(img/error.png);
		    color:#333333;
		    background-size: 32px 32px;
		    background-position: center 20px;
		    border: 6px #333333 solid;
		    }
		
		 .mh_speci{
		 	 background-image:url(img/warning.png);
		    color: #F90;
		    background-size: 32px 32px;
		    background-position: center 20px;
		    border: 6px #F90 solid;
		 }
		.mh_cart{
			background-image:url(img/cart.png);
		    color:#FF0000;
		    background-size: 32px 32px;
		    background-position: center 20px;
		    border: 6px #FF0000 solid;
		}
		.mh_collect{
			
		    color:#FF0000;
		    background-size: 32px 32px;
		    background-position: center 20px;
		    border: 6px #FF0000 solid;
		}
		.close{
			position:absolute;
			top: -57px;
    		right: 8px;
   		    text-decoration: none;
   		    font-size: 12px;
		}
		.close_speci{
			color: #F90;
		}
		.close_error,.close_login{
			color: #333333;
			
		}
		.close_cart,.close_collect{
			color: #FF0000;
		}
		.mh_layer{
			display: none;
		}
		
	</style>
	<body>
		<!--遮罩-->
		<div class="mh_layer"></div>
		<!--账号密码错误-->
		<div id="mh_dialog_error" class="mh_error">
			<a href="javascript:;" title="关闭" class="close close_error">×</a>
			账号密码错误!
		</div>
		<!--请选择规格-->
		<div id="mh_dialog_speci" class="mh_speci">			
			<a href="javascript:;" title="关闭" class="close close_speci">取消</a>
			请选择规格
		</div>
		<!--请登录-->
		<div id="mh_dialog_login" class="mh_login">			
			<a href="javascript:;" title="关闭" class="close close_login">取消</a>
			请先登录
		</div>
		<!--价格购物车成功-->
		<div id="mh_cart_success" class="mh_cart">			
			<a href="javascript:;" title="关闭" class="close close_cart">取消</a>
			 加入购物车成功
			<a href="">立即查看</a>
		</div>
		<!--收藏成功-->
		<div id="mh_dialog_collect" class="mh_collect">			
			<a href="javascript:;" title="关闭" class="close close_collect">关闭</a>
			 收藏成功
			<a href="">立即查看</a>
		</div>
	</body>
</html>
